<script lang="ts" setup>
import { onMounted, ref } from 'vue';

const safeAreaInsets = ref(0);

onMounted(() => {
  const { safeArea, screenHeight } = uni.getWindowInfo();
  safeAreaInsets.value = screenHeight - safeArea.bottom;
});
</script>

<template>
  <view :style="`height: ${safeAreaInsets}px`"></view>
</template>
